/**
 * css基础样式集
 * -webkit-xxxx，-moz-xxxx，-ms-xxxx，-o-xxxx，xxxx,注意代码顺序
 */
@charset "utf-8";
/* 基本初始化 */
*{outline: none;word-break:break-all;}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;outline:none;}
input,textarea,select{appearance: none;outline: none;box-shadow: none;}
h1,h2,h3,h4,h5,h6{font-size: 14px;font-weight: normal;}
input::-webkit-input-placeholder{ /* WebKit browsers */ color: #aaa;font-size: 14px;}
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color: #aaa;font-size: 14px;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */  color: #aaa;font-size: 14px;}
input:-ms-input-placeholder{ /* Internet Explorer 10+ */  color: #aaa;font-size: 14px;}
body{font:14px 'Microsoft Yahei,Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif';background:#fff;-webkit-text-size-adjust:100%;position: relative;}
html{position: relative;min-height: 100%;}
a,a:active,a:hover,a:focus{text-decoration:none}
em{font-style:normal}
li{list-style:none}
img{border:0;max-width: 100%;}
table{border-collapse:collapse;border-spacing:0;}
/* 语义标签初始化 */
header,nav,aside,section,article,footer{display: block;}

/*移动端点击效果*/
.z-hover-class{opacity: 0.8;-webkit-transform: translate(2px, 2px);-moz-transform: translate(2px, 2px);-ms-transform: translate(2px, 2px);-o-transform: translate(2px, 2px);transform: translate(2px, 2px);}
.z-hover-class:active{opacity: 0.8;-webkit-transform: translate(2px, 2px);-moz-transform: translate(2px, 2px);-ms-transform: translate(2px, 2px);-o-transform: translate(2px, 2px);transform: translate(2px, 2px);}

/*超出隐藏显示省略号*/
/*强制英文换行: word-break: break-all;或者 word-wrap: break-word; 强制中文换行，只对中文有作用: white-space: pre-wrap;*/
.z-ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.z-ellipsis_1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}/*因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端;*/
.z-ellipsis_2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}/*因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端;*/
.z-ellipsis_3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}/*因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端;*/
.z-ellipsis_4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}/*因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端;*/
.z-ellipsis_5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}/*因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端;*/
.z-ellipsis_6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}/*因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端;*/
.z-ellipsis_7{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;}/*因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端;*/

/*文本选中操作*/
.z-select-none{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
.z-select-text{-webkit-user-select: text;-moz-user-select: text;-ms-user-select: text;-o-user-select: text;user-select: text;}
.z-select-element{-webkit-user-select: element;-moz-user-select: element;-ms-user-select: element;-o-user-select: element;user-select: element;}
.z-select-all{-webkit-user-select: all;-moz-user-select: all;-ms-user-select: all;-o-user-select: all;user-select: all;}

/*按钮移动上去动画-注意部分参数的修改*/
.z-animation-btn {display: block;position: relative;background: #ff5e65;border: 1px solid transparent;border-radius: 50px;height: 50px;text-align: center;text-decoration: none;color: #fff;line-height: 50px;font-size: 18px;white-space: nowrap;margin-top: 25px;transition: background 0.5s ease;overflow: hidden;cursor: pointer;}
.z-animation-btn:before {content: "";position: absolute;width: 20px;height: 100px;background: #fff;bottom: -25px;left: 0;border: 2px solid #fff;transform: translateX(-50px) rotate(45deg);transition: transform 0.5s ease;}
.z-animation-btn:hover {background: transparent;border-color: #fff;}
.z-animation-btn:hover:before {transform: translateX(250px) rotate(45deg);}